@import "../../../less//index.less";
.coupon{
    .select{
    // background: @title;
    // color:@font;
    border-bottom: 1px solid @title;
}
    .cou{
        display:flex ;
        width: 100%;
        text-align: center;
        height: 1rem;
        font-size: .3rem;
        line-height: 1rem;
        div{
            flex: 1;
        }
    }
   
  
    .bott{
        position: relative;
        background: #fff;
       border-radius: .2rem;
       margin: .1rem;
        height: 1.5rem; 
        .top{
        border-bottom: 1px dashed pink;
        height: .9rem;
        .left{
            margin-top: .1rem;
            position: absolute;
            left: 5%;
            .yen{
            color: @title;
            font-size: .4rem;
        }
        .man{
            color: @title;
        }
        }
        .right{
            position: absolute;
            left:30%;
           margin-top: .2rem;
           .title{
               font-size: .25rem;
               margin-bottom: .1rem;
           }
           .time{
               font-size: .12rem;
               color: #ccc;
           }
        } 
    } 
    .bottom{
        padding-left: .2rem;
        line-height: .6rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}}
